/*公共样式*/
.fl {
	float: left;
}

.fr {
	float: right;
}


.choice {
	width: 100%;
	display: inline-table;
	background: #fff;
	color: #020202;
	font-size: 0.48rem;
	line-height: 0.533rem;
	padding: 0.4rem 0.4rem 0.32rem 0.4rem;
	margin: 0;
}

.choice i {
	float: left;
	height: 0.533rem;
	width: 0.08rem;
	margin-right: 0.267rem;
	background: url(../images/title.png) center center no-repeat;
	background-size: 0.08rem 0.533rem;
}

.choice span {
	width: 100%;
	padding: 0;
	margin: 0;
}
.choice span.wid-18 {
	width: 18%;
}

.choice .wid-64 {
	width: 64%;
}

.font-12 {
	font-size: 0.32rem!important;
}

.font-18 {
	font-size: 0.48rem!important;
}

.title_text span.wid-18 {
	width: 18%;
}

.title_text span.wid-28 {
	width: 28%;
}

.title_text .wid-25 {
	width: 25%;
}

.title_text .wid-22 {
	width: 22%;
}

.title_text .wid-28 {
	width: 28%;
}

.title_text .wid-36 {
	width: 36%;
}

.title_text .wid-50 {
	width: 50%;
}

.title_text span.text-center {
	text-align: center;
}

.colca {
	color: #c7000a;
}

.colf {
	color: #333;
}

.display-b {
	display: block;
}

.line-hspan {
	line-height: 0.48rem;
}

.padding-5 {
	padding-top: 0.0533rem;
}

.manager-div{
	background: #f5f5f5;
	padding: 0 0.4rem;
	border-bottom:1px solid #cecece;
	border-top:1px solid #cecece;
}
.title_text {
	border-bottom:1px solid #cecece;
	height: 1.1733rem;
	line-height: 1.1733rem;
}

.title_text span {
	width: auto;
	line-height: 1.1733rem;
	height: 1.1733rem;
	display: inline;
	font-size: 0.3733rem;
	border:none;
}

.title_text span.bg-goured {
	display: block;
	float: left;
	width: 0.64rem;
	height: 1.1733rem;
    background:url(../images/yuanred.png) left center no-repeat;
    background-size: 0.427rem;
}

.title_text span.bg-gougray{
	display: block;
	float: left;
	width: 0.64rem;
	height: 1.1733rem;
    background:url(../images/yuangray.png) left center no-repeat;
    background-size: 0.427rem;
}

.title_text span.icon-red {
	display: block;
	float: left;
	width: 15%;
	height: 1.1733rem;
    background:url(../images/yuanred.png) center center no-repeat;
    background-size: 0.427rem;
}

.title_text span.icon-gray {
	display: block;
	float: left;
	width: 15%;
	height: 1.1733rem;
    background:url(../images/yuangray.png) center center no-repeat;
    background-size: 0.427rem;
}

.title_text_c_a {
	font-family: "微软雅黑";
	text-align: left;
	float: left;
	font-size:0.3733rem;
	color: #333;
	width: 25%;
	height: 0.5733rem;
}

.inuco{
	font-family: "微软雅黑";
	text-align: right;
	float: right;
	font-size:0.3733rem;
	color: #666;
	background: none;
	border:none;
	margin: 0.3rem 0;
	width: 55%;
	height: 0.5733rem;
}
.title_text:first-of-type{margin-top:0px;}
.title_text:last-of-type{border-bottom:none;padding-bottom:0px;}
.title_text .select{
	border:none;
	float:left;
	text-align: right;
	width: 1.6rem;
	color:#c7000a;
	line-height: 1.1733rem;
	height: 1.1733rem;
	font-size: 0.3733rem;
	direction:rtl;
	/*很关键：将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	padding-right: 0.533rem;
	

    /*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/title_to.png) right center no-repeat;
	background-size:0.3733rem;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
	border:none;
}



.title_text .nocheck .select {
	border:none;
	float:right;
	text-align: right;
	border: 1px solid #000000;
	width: 1.6rem;
	color:#888;
	line-height: 1.1733rem;
	height: 1.1733rem;
	font-size: 0.3733rem;
	direction: rtl;
	padding-right: 0.533rem;
	/*很关键：将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;

    /*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/title_to.png) right center no-repeat;
	background-size:0.3733rem;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
	border:none;
}

.title_text .check .select {
	border:none;
	float:right;
	text-align: right;
	width: 1.6rem;
	color:#c7000a;
	line-height: 1.1733rem;
	height: 1.1733rem;
	font-size: 0.3733rem;
	direction: rtl;
	padding-right: 0.533rem;
	/*很关键：将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;

    /*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/title_to.png) right center no-repeat;
	background-size:0.3733rem;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
	border:none;
}

.title_text select::-ms-expand { display:none;}
.title_text .select option{ color:#666;}
/**附加险、交强险**/
.title_text .selectadd{
	border:none;
	float:left;
	text-align: right;
	width: 1.6rem;
	color:#666;
	line-height: 1.1733rem;
	height: 1.1733rem;
	font-size: 0.3733rem;
	direction:rtl;
	/*很关键：将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	padding-right: 0.533rem;
	

    /*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/title_to.png) right center no-repeat;
	background-size:0.3733rem;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
	border:none;
}

.input-choice {
	width: 100%;
	background: transparent;
	border: none;
	color: #c7000a;
}

/*日期选择*/

.demo {
	width: 100%;
}

.page {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.kbtn {
	width: 100%;
	border: none;
	background: url(../images/title_to.png) 94% center no-repeat;
	background-size:0.3733rem;
}

#datescroll div {
	float: left;
	margin-left: 10%;
	margin-top: 15px;
	padding-right: 22px;
}

#datescroll_datetime div {
	float: left;
	margin-left: 10%;
	padding-right: 22px;
}

#yearwrapper {
	position: absolute;
	left: 0;
	top: 45px;
	bottom: 60px;
	width: 80%;
}

#monthwrapper {
	position: absolute;
	left: 26%;
	top: 45px;
	bottom: 60px;
	width: 80%;
}

#daywrapper {
	position: absolute;
	left: 50%;
	top: 45px;
	bottom: 60px;
	width: 80%;
}

#Hourwrapper {
	position: absolute;
	left: 0;
	top: 195px;
	bottom: 68px;
	width: 80%;
}

#Minutewrapper {
	position: absolute;
	left: 26%;
	top: 195px;
	bottom: 68px;
	width: 80%;
}

#Secondwrapper {
	position: absolute;
	left: 50%;
	top: 195px;
	bottom: 68px;
	width: 80%;
}

#Hourwrapper ul li {
	color: #898989;
	font-size: 12px;
}

#Minutewrapper ul li {
	color: #898989;
	font-size: 12px;
}

#Secondwrapper ul li {
	color: #898989;
	font-size: 12px;
}

#yearwrapper ul li {
	color: #898989;
	font-size: 12px;
}

#monthwrapper ul li {
	color: #898989;
	font-size: 12px;
}

#daywrapper ul li {
	color: #898989;
	font-size: 12px;
}

#markyear {
	position: relative;
	margin-left: 76px;
	top: -2px;
}

#markmonth {
	position: relative;
	margin-left: 40px;
	top: -2px;
}

#markday {
	position: relative;
	margin-left: 42px;
	top: -2px;
}

#markhour {
	position: relative;
	margin-left: 62px;
	top: -2px;
}

#markminut {
	position: relative;
	margin-left: 58px;
	top: -2px;
}

#marksecond {
	position: relative;
	margin-left: 68px;
	top: -2px;
}

#dateheader {
	width: 100%;
	height: 50px;
	background: #c7000a;
	text-align: center;
	color: #fff;
	line-height: 50px;
	font-size: 20px;
}

#setcancle ul {
	text-align: center;
	line-height: 30px;
	margin: 1px auto;
	font-size: 20px;
}

#setcancle ul li {
	border-radius: 3px;
	float: left;
	width: 40%;
	height: 30px;
	list-style-type: none;
	font-family: 'microsoft yahei';
	font-size: 16px;
}

#dateconfirm {
	position: absolute;
	background: #c7000a;
	left: 20px;
	color: #fff;
}

#datecancle {
	position: absolute;
	background: #dcdddd;
	right: 20px;
	width: 40%;
	color: #666;
}

#dateshadow {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	filter: alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#datePage {
	font-size: 22px;
	border-radius: 3px;
	position: fixed;
	top: 25%;
	MARGIN-RIGHT: auto;
	vertical-align: middle;
	MARGIN-LEFT: auto;
	width: 80%;
	height: 240px;
	background: #FFFFFF;
	z-index: 9999999;
}

#datetitle {
	width: 100%;
	height: 50px;
	background: #c7000a;
	text-align: center;
	color: #fff;
	line-height: 50px;
	font-size: 16px;
	font-family: 'microsoft yahei';
}

#datetitle h1 {
	font-weight: normal;
}

#datemark {
	font-size: 18px;
	left: 5%;
	width: 90%;
	height: 20px;
	position: absolute;
	top: 108px;
	background: #eee;
	border: 1px solid #eee;
}

#timemark {
	font-size: 18px;
	left: 5%;
	width: 90%;
	height: 20px;
	position: absolute;
	top: 242px;
	background: #eee;
	border: 1px solid #eee;
}

#datescroll {
	background: #F8F8F8;
	width: 94%;
	margin: 10px 3%;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
	height: 120px;
	text-align: center;
	line-height: 40px;
}

#datescroll_datetime {
	display: none;
	background: #F8F8F8;
	width: 94%;
	margin: 10px 3%;
	margin-top: 10px;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
	height: 120px;
	text-align: center;
	line-height: 40px;
}

#yearwrapper ul,
#monthwrapper ul,
#daywrapper ul {
	width: 40%;
}

#Hourwrapper ul,
#Minutewrapper ul,
#Secondwrapper ul {
	width: 40%;
}

#dateFooter {
	width: 100%;
	background: #fff;
	height: 50px;
	bottom: 0px;
	position: absolute;
}

/*选择险种-附加险-不计免赔特约险-详情*/
.divOne{
	border: 2px solid #e5e5e5;
	width: auto;
	padding: 0.3733rem;
	background: #f5f5f5;
	display: none;
	position: absolute;
	text-align: justify;
	line-height: 0.533rem;
	font-size: 0.3733rem;
	color: #333;
}



/*2016-07*/
/*.width-64 {
	width: 64%;
}
.pr-14 {
	padding-right: 14%;
}*/
